/******************渲染数据**************/
//创建MeScroll对象
function initMescroll(mescrollId,clearEmptyId){
    var mescroll = initMeScroll(mescrollId, {
        down:{
            auto:false,//是否在初始化完毕之后自动执行下拉回调callback; 默认true
            callback: downCallback, //下拉刷新的回调
        },
        up: {
            auto:true,//初始化完毕,是否自动触发上拉加载的回调
            callback:upCallback, //上拉加载的回调
            toTop:{ //配置回到顶部按钮
                src : "img/mescroll-totop.png", //默认滚动到1000px显示,可配置offset修改
                //offset : 1000
            },
            clearEmptyId:clearEmptyId
        }
    });
    return mescroll
}
var mescroll=initMescroll("mescroll","dataList")
//当下拉区域背景不是白色的时候,因iOS列表回弹,会在快速下拉刷新时,短时间显示body背景,导致下拉区域底部闪白线的问题,可通过给body设置下拉区域的背景解决
$("body").addClass("body-bg");
//上拉加载回调
function upCallback(page){
    console.log(page)
    var getcasedata={
        url:"minor_message/minorListApi.html",
        fromwho:'ld',
        sendData:{"pageSize":10,"p":page.num},
    };
    getAjaxScorll(getcasedata,
        function(curPageData){
            if(curPageData.result==1){
                var curPageData=curPageData.data
                mescroll.endSuccess(curPageData.length);
                setCaseData(curPageData,true)
            }else{
                mescroll.endErr();
            }
        },
        function(){
            mescroll.endErr();
        }
    )
}
//下拉刷新回调
function downCallback(){
     var getcasedata={
        url:"minor_message/minorListApi.html",
        fromwho:'ld',
        sendData:{"pageSize":10,"p":1},
    };
    getAjaxScorll(getcasedata,
        function(data){
                mescroll.endSuccess()
                var data=data.data
                setCaseData(data,false)
                $("#downloadTip").css("top","44px");
                setTimeout(function () {
                    $("#downloadTip").css("top","10px");
                    var audio = $("#sxaudio")[0];
                    audio.play();
                },100);
        },
        function(){
            mescroll.endErr();
        }
    )
}
//渲染数据
function setCaseData(data,isAppend){
    var html='';
    console.log(data);
    $.each(data,(k,v)=>{
        html+=`
        <div class="caseOne" data-id=${v.id}>
                        <p class="caseTop">案件编号：${v.case_num}ASDHSKJF1231</p>
                        <p class="caseCenter">
                            <span>嫌疑人编号：${v.num}</span>
                        </p>
                        <p class="caseDown">案件状态：<span>${v.case_status}</span></p>
                        <label for=""><img src="img/jc.png"></label>
        </div>
        `
    })
    if (isAppend) {
        $('#dataList').append(html)//加在列表的后面,上拉加载
    } else{
        $('#dataList').html(html);//加在列表的前面,下拉刷新
    }
}
/******************渲染数据end**************/

/******************查询**************/

$('svg.icon.chaxun').on('click', function(event){
    event.preventDefault();
    $('.cd-popup1').addClass('is-visible1');
});
//关闭窗口
$('.cd-popup1').on('click', function(event){
    if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup1') ) {
        event.preventDefault();
        $(this).removeClass('is-visible1');
    }
});
//提交查询
$('.caseSearch input').on('keypress',function(){
    if(event.keyCode == 13){  
        var searchVal=$(this).val()
        var querycasedata={
            url:"minor_message/minorListApi.html",
            fromwho:'ld',
            sendData:{p:"",query:searchVal},
        };
        getAjax(querycasedata,
            function(data){
                if(data.result==1){
                    var data=data.data
                    setCaseData(data,false)
                }else{
                    mui.toast('你查找的内容不存在')
                }
                $('.cd-popup1').removeClass('is-visible1');
                
        },
        function(){
            mui.toast('服务器出错')
        }
    )
    } 
})
/******************查询end**************/
/******************跳转**************/
//案件详情
    mui("body").on('tap','.caseOne',function(){
        var id=$(this).data('id')
        mui.openWindow({
            url:'case.html?id='+id,
            id:'case.html?id='+id             
        });
    })
/******************跳转end**************/